﻿<html>
<head>
	<title>Vercron</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<link rel="stylesheet" type="text/css" href="css/vercron.css">
</head>
<body class="category-vercron">
	<div class="container">
		<header id="header" class="shoes_cate">
			<div class="container_menu">
				<ul class="main_menu">
					<li><a href="#">Concept</a></li>
					<li><a href="#">Shoes</a></li>
					<li class="logo"><img src="images/logo.png" /></li>
					<li class="selected"><a href="#">Vercron</a></li>
					<li><a href="#">Contacts</a></li>
				</ul>
			</div><!-- End Container menu -->
			<a href="#" class="mini_cart">

			</a>
			<div class="text text_header">
				<p>choose the way you want to walk</p>
				<p class="small">Choose the Velcro. Choose the color. <br/>Choose the size. Choose the model. And walk away in happy way.</p>
			</div>
		</header><!-- End id header -->
		<section>
			<div class="content">
				<div class='container-filter'>
					<div class='bd-filter'>
						<div class="filter-color selected filter" >
							<a href="#">COLOR</a>
						</div>
						<div class="divider"></div>
						<div class="filter-patterns filter">
							<a href="#">PATTERNS</a>
						</div>

						<div class="divider"></div>
						<div class="filter-woldcup filter">
							<a href="#">WOLDCUP</a>
						</div>
					</div>						
				</div>

				<!-- END FILTER-->

				<div class="container_list_products">
					<ul class="list_products">
						<li id="product-1">
							<p class='name_product'><span>GREEN</span> Velcron</p>
							<p class='price'>PRICE <span>9,9 €;</span></p>
							<img class="img_product" src="images/vercron/Velcrons-7_02.png" />
							<a class="customize" href="#">ADD TO BASKATE</a>
						</li>
						<li id="product-1">
							<p class='name_product'><span>BLUE</span> Velcron</p>
							<p class='price'>PRICE <span>89 €;</span></p>
							<img class="img_product" src="images/vercron/Velcrons-7_04.png" />
							<a class="customize" href="#">ADD TO BASKATE</a>
						</li>
						<li id="product-1">
							<p class='name_product'><span>RED</span> Velcron</p>
							<p class='price'>PRICE <span>9,9 €;</span></p>
							<img class="img_product" src="images/vercron/Velcrons-7_06.png" />
							<a class="customize" href="#">ADD TO BASKATE</a>
						</li>
						<li id="product-1">
							<p class='name_product'><span>ORANGE</span> Velcron</p>
							<p class='price'>PRICE <span>89 €;</span></p>
							<img class="img_product" src="images/vercron/Velcrons-.png" />
							<a class="customize" href="#">ADD TO BASKATE</a>
						</li>

						<li id="product-1">
							<p class='name_product'><span>PURPLE</span> Velcron</p>
							<p class='price'>PRICE <span>9,9 €;</span></p>
							<img class="img_product" src="images/vercron/Velcrons-6_13.png" />
							<a class="customize" href="#">ADD TO BASKATE</a>
						</li>
						<li id="product-1">
							<p class='name_product'><span>YELLO</span> Velcron</p>
							<p class='price'>PRICE <span>89 €;</span></p>
							<img class="img_product" src="images/vercron/Velcrons-7_12.png" />
							<a class="customize" href="#">ADD TO BASKATE</a>
						</li>
						<li id="product-1">
							<p class='name_product'><span>FLUOR</span> Velcron</p>
							<p class='price'>PRICE <span>9,9 €;</span></p>
							<img class="img_product" src="images/vercron/Velcrons-7_04.png" />
							<a class="customize" href="#">ADD TO BASKATE</a>
						</li>
					</ul>

				</div><!-- END LIST PRODUCTS -->
			</div>
		</section>

		<footer>
			<div class="social">
				<div class="social-container">
					<a href="#" class="fb"></a>
					<a href="#" class="tw"></a>
				</div>
			</div>
		</footer>
	</div><!-- End container -->
</body>
</html>